<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 回调地狱：回调函数层次嵌套
        ajax请求 根据开发时 项目---》开发文档
        需求：
        点击一个按钮，在控制台打印一句话：子豪很帅  
        打印后发送ajax 请求学生信息http://localhost:3000/search_info
        访问完所有学生的学生信息之后，访问某个学生的入学成绩
     -->
     <button class="btn">打印</button>
     <script src="../../2.jq/jquery/jquery-1.12.4.min.js"></script>
     <script>
         $('.btn').click(()=>{
             console.log('子豪很帅！！')
             $.ajax({
                 method:'get',
                 url:'http://localhost:3000/search_info',
                 success:(data)=>{
                     console.log(data);
                    //  在此处进行数据渲染
                    // 好几行
                    // 根据学号访问某个学生成绩
                    $.ajax({
                        method:'get',
                        url:'http://localhost:3000/search_entry/01',
                        success:(data)=>{
                            console.log(data);
                            // 渲染
                        }
                    })
                 }
             })
         })
     </script>
</body>
</html>